<template>
  <a-col :span="24" style="text-align: center">
    <a-button type="primary" @click="$emit('formSubmit')">提交</a-button>
    <a-button style="margin: 0 8px" @click="$emit('resetFields')">取消</a-button>
  </a-col>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
  name: 'form_btn_submit',
  emits: ['changeExpand', 'resetFields', 'formSubmit'],
  setup(props, ctx) {
    const showAll = ref(false)
    const changeExpand = () => {
      showAll.value = !showAll.value
      ctx.emit('changeExpand', showAll.value)
    }
    return {
      showAll,
      changeExpand
    }
  }
})
</script>
